


var sm = Ext.create('Ext.selection.CheckboxModel');
              
Ext.define('prac.view.prac_grid', {
	extend : 'Ext.grid.Panel',
	xtype : 'prac_grid',
	title : 'Web Development Info',
	
	initComponent : function() {
		Ext.apply(this, {
			id : 'prac_grid_id',
			store : Ext.getStore('prac_store'),
			width : 100, 
			height : 300,
			columnLines : true,
			selModel : sm,
			columns : columns,
			frame : true
		});
		this.callParent(arguments);
	}
});

var columns = [{
	text : "First Name",
	dataIndex : 'firstName'
}, {
	text : "Last Name",
	dataIndex : 'lastName'
}, {
	text : "Company",
	dataIndex : 'company'
}, {
	text : "E-mail",
	dataIndex : 'email'
}, {
	text : "Dob",
	width : 135,
	renderer : Ext.util.Format.dateRenderer('Y/m/d'),
	dataIndex : 'dob'
}, {
	text : "Age",
	dataIndex : 'age'
}, {
	text : "Coworker",
	dataIndex : 'coworker'
		
}];
